.sidebar
    img.logo(src='{{_logo}}')

    button.btn.mt-auto(
        (click)='openConfig()',
        title='Manage configs'
    )
        fa-icon([icon]='_configIcon', [fixedWidth]='true', size='lg')

    button.btn(
        (click)='openSettings()',
        *ngIf='loginService.user',
        title='Settings'
    )
        fa-icon([icon]='_settingsIcon', [fixedWidth]='true', size='lg')

    a.btn.mt-3(
        href='/login',
        *ngIf='!loginService.user',
        title='Log in'
    )
        fa-icon([icon]='_loginIcon', [fixedWidth]='true', size='lg')

    button.btn.mt-3(
        (click)='logout()',
        *ngIf='loginService.user',
        title='Log out'
    )
        fa-icon([icon]='_logoutIcon', [fixedWidth]='true', size='lg')

.terminal
    iframe(#iframe, [hidden]='!showApp')
    .alert.alert-warning.d-flex.border-0.m-0(*ngIf='noVersionsAdded')
        fa-icon.me-2([icon]='_warningIcon', [fixedWidth]='true')
        div
            div You haven't added any Tabby versions, see here #[a(href='https://github.com/Eugeny/tabby-web#adding-tabby-app-versions', target='_blank') for instructions].
    .alert.alert-warning.d-flex.border-0.m-0(*ngIf='missingVersion')
        fa-icon.me-2([icon]='_warningIcon', [fixedWidth]='true')
        div
            div You've last used this config with Tabby v{{missingVersion}}, which is no longer available on this server.
    .alert.alert-warning.d-flex.border-0.m-0(*ngIf='showApp && !loginService.user')
        fa-icon.me-2([icon]='_saveIcon', [fixedWidth]='true')
        div
            div To save profiles and settings, #[a(href='/login') log in].
